﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2-选择节目</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2-选择节目/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2-选择节目/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u1204" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u1205" class="ax_default _形状">
          <img id="u1205_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1206" class="ax_default _水平线">
          <img id="u1206_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1207" class="ax_default _文本段落" data-label="Header 2">
        <img id="u1207_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u1207_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1.2-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">观看者--选择节目</span></p>
        </div>
      </div>

      <!-- Unnamed (A01观看者-主页) -->

      <!-- Unnamed (矩形) -->
      <div id="u1209" class="ax_default _形状">
        <img id="u1209_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1210" class="ax_default _形状">
        <img id="u1210_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1211" class="ax_default _形状">
        <img id="u1211_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1212" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u1213" class="ax_default _文本段落">
          <img id="u1213_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u1213_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1214" class="ax_default _形状">
          <img id="u1214_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1215" class="ax_default _形状">
        <img id="u1215_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1216" class="ax_default _文本段落">
        <img id="u1216_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u1216_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1217" class="ax_default _文本段落">
        <img id="u1217_img" class="img " src="images/观看者-流程图/u423.png"/>
        <div id="u1217_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1218" class="ax_default _形状">
        <img id="u1218_img" class="img " src="images/观看者-流程图/u424.png"/>
        <div id="u1218_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前处于非wifi继续观看会耗费流量</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1219" class="ax_default _形状">
        <img id="u1219_img" class="img " src="images/1_2-选择节目/u1219.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1220" class="ax_default _文本段落">
        <img id="u1220_img" class="img " src="images/1_2-选择节目/u1220.png"/>
        <div id="u1220_text" class="text ">
          <p style="font-size:18px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">选择节目的入口：</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"><br></span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"><br></span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">点击下图红框内icon，进入节目列表页（转场动画参考uber）</span></p>
        </div>
      </div>

      <!-- Unnamed (4.1节目列表) -->

      <!-- Unnamed (A01观看者-主页) -->

      <!-- Unnamed (矩形) -->
      <div id="u1223" class="ax_default _形状">
        <img id="u1223_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1224" class="ax_default _形状">
        <img id="u1224_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1225" class="ax_default _形状">
        <img id="u1225_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1226" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u1227" class="ax_default _文本段落">
          <img id="u1227_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u1227_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1228" class="ax_default _形状">
          <img id="u1228_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1229" class="ax_default _形状">
        <img id="u1229_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1230" class="ax_default _文本段落">
        <img id="u1230_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u1230_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1231" class="ax_default _文本段落">
        <img id="u1231_img" class="img " src="images/观看者-流程图/u423.png"/>
        <div id="u1231_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1232" class="ax_default _形状">
        <img id="u1232_img" class="img " src="images/观看者-流程图/u424.png"/>
        <div id="u1232_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前处于非wifi继续观看会耗费流量</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1233" class="ax_default _形状">
        <img id="u1233_img" class="img " src="images/流程图（节目列表_个人信息）/u680.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1234" class="ax_default _形状">
        <img id="u1234_img" class="img " src="images/流程图（节目列表_个人信息）/u681.png"/>
        <div id="u1234_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1235" class="ax_default _形状">
        <img id="u1235_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u1235_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1236" class="ax_default _形状">
        <img id="u1236_img" class="img " src="images/流程图（节目列表_个人信息）/u682.png"/>
        <div id="u1236_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1237" class="ax_default _形状">
        <img id="u1237_img" class="img " src="images/流程图（节目列表_个人信息）/u684.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1238" class="ax_default" data-left="18" data-top="522" data-width="266" data-height="109">

        <!-- Unnamed (矩形) -->
        <div id="u1239" class="ax_default _形状">
          <img id="u1239_img" class="img " src="images/流程图（节目列表_个人信息）/u686.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1240" class="ax_default _形状">
          <img id="u1240_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1241" class="ax_default _文本段落">
          <img id="u1241_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u1241_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1242" class="ax_default _文本段落">
          <img id="u1242_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u1242_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1243" class="ax_default _文本段落">
          <img id="u1243_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u1243_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1244" class="ax_default _形状">
          <img id="u1244_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u1244_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1245" class="ax_default" data-left="18" data-top="372" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u1246" class="ax_default _形状">
          <img id="u1246_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1247" class="ax_default _形状">
          <img id="u1247_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1248" class="ax_default _文本段落">
          <img id="u1248_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u1248_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1249" class="ax_default _文本段落">
          <img id="u1249_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u1249_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1250" class="ax_default _文本段落">
          <img id="u1250_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u1250_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1251" class="ax_default _形状">
          <img id="u1251_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u1251_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">LIVE</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1252" class="ax_default" data-left="18" data-top="640" data-width="266" data-height="141">

        <!-- Unnamed (占位符) -->
        <div id="u1253" class="ax_default _形状">
          <img id="u1253_img" class="img " src="images/流程图（节目列表_个人信息）/u693.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1254" class="ax_default _形状">
          <img id="u1254_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1255" class="ax_default _文本段落">
          <img id="u1255_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u1255_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1256" class="ax_default _文本段落">
          <img id="u1256_img" class="img " src="images/流程图（节目列表_个人信息）/u696.png"/>
          <div id="u1256_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; 人12 花12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1257" class="ax_default _文本段落">
          <img id="u1257_img" class="img " src="images/发布者-流程图/u601.png"/>
          <div id="u1257_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">互动：1123条</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1258" class="ax_default _形状">
          <img id="u1258_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u1258_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">录播</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1259" class="ax_default _文本段落">
        <img id="u1259_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u1259_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1260" class="ax_default _文本段落">
        <img id="u1260_img" class="img " src="images/流程图（节目列表_个人信息）/u706.png"/>
        <div id="u1260_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">视频标题视频标题视频标题</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1261" class="ax_default" data-left="18" data-top="193" data-width="266" data-height="170">

        <!-- Unnamed (矩形) -->
        <div id="u1262" class="ax_default _形状">
          <img id="u1262_img" class="img " src="images/流程图（节目列表_个人信息）/u709.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1263" class="ax_default _形状">
          <img id="u1263_img" class="img " src="images/观看者-流程图/u429.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1264" class="ax_default _文本段落">
          <img id="u1264_img" class="img " src="images/流程图（节目列表_个人信息）/u688.png"/>
          <div id="u1264_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1265" class="ax_default _文本段落">
          <img id="u1265_img" class="img " src="images/流程图（节目列表_个人信息）/u689.png"/>
          <div id="u1265_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">直播我第一次挑战冲浪大赛~~</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1266" class="ax_default _文本段落">
          <img id="u1266_img" class="img " src="images/流程图（节目列表_个人信息）/u690.png"/>
          <div id="u1266_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">粉丝：1256&nbsp;&nbsp; 12-23 23：00</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1267" class="ax_default _形状">
          <img id="u1267_img" class="img " src="images/流程图（节目列表_个人信息）/u691.png"/>
          <div id="u1267_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预约</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1268" class="ax_default" data-left="242" data-top="7" data-width="46" data-height="31">

        <!-- Unnamed (矩形) -->
        <div id="u1269" class="ax_default _形状">
          <img id="u1269_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1270" class="ax_default _图片_">
          <img id="u1270_img" class="img " src="images/观看者-流程图/u486.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1271" class="ax_default _文本段落">
        <img id="u1271_img" class="img " src="images/流程图（节目列表_个人信息）/u718.png"/>
        <div id="u1271_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">乐嗨直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1272" class="ax_default _形状">
        <img id="u1272_img" class="img " src="images/流程图（节目列表_个人信息）/u719.png"/>
        <div id="u1272_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">banner</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1273" class="ax_default _连接线">
        <img id="u1273_seg0" class="img " src="images/1_2-选择节目/u1273_seg0.png" alt="u1273_seg0"/>
        <img id="u1273_seg1" class="img " src="images/1_2-选择节目/u1273_seg1.png" alt="u1273_seg1"/>
        <img id="u1273_seg2" class="img " src="images/流程图（节目列表_个人信息）/u631_seg2.png" alt="u1273_seg2"/>
        <div id="u1273_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1274" class="ax_default _文本段落">
        <img id="u1274_img" class="img " src="images/1_2-选择节目/u1274.png"/>
        <div id="u1274_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">节目列表页-详见【4.节目列表】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1275" class="ax_default _文本段落">
        <img id="u1275_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u1275_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">12</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
